<!--
  Generated template for the LoginPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<!-- <ion-header>

  <ion-navbar>
    <ion-title>用户注册的</ion-title>
  </ion-navbar>

</ion-header> -->


<ion-content padding>
  <div class='contentDiv'>
    <button ion-button (click)="dismissCLI()" class="bc">
      <img src="assets/img/ios/fanhui-white.png" width='15' height='20' style="margin-right:0.7rem">返回
    </button>
    <div class='logo' text-center>
      <img src="assets/img/ios/logo@2x.png" alt="" class='logo-img'>
      <p>Beauty begins with the fingers</p>
    </div>
    <ion-list class='register-input-list' [style.margin-top]='marginTop'>
      <ion-item>
        <ion-label class='user-phone'></ion-label>
        <ion-input type="tel" maxlength="11" placeholder="请输入您的手机号" [(ngModel)]="userVo.phone"></ion-input>
        <button ion-button item-end outline (click)="getCaptchaAPI()" [disabled]="!btnIsDisable" class="capBtn">{{btnName}}</button>
      </ion-item>
      <ion-item>
        <ion-label class='user-verification' style='width:2.5rem;'></ion-label>
        <ion-input type="number" placeholder="请输入验证码" [(ngModel)]="userVo.captcha"></ion-input>
        <!-- <button ion-button item-end outline (click)="getCaptchaAPI()" [disabled]="!btnIsDisable" class="capBtn">{{btnName}}</button> -->
      </ion-item>
      <ion-item>
        <ion-label class='user-pwd' style='width:2.5rem;'></ion-label>
        <ion-input type="password" maxlength="16" placeholder="请输入您的密码" [(ngModel)]="userVo.pwd"></ion-input>
      </ion-item>
      <!-- <ion-item>
      <ion-label>确认密码</ion-label>
      <ion-input type="password" maxlength="16" placeholder="请输入您的密码" [(ngModel)]="userVo.pwd_again"></ion-input>
      </ion-item> -->
      <p class='yonghuxieyi' (click)="agreeAgreement()">
        <img *ngIf='!isAgreeAgreement' src="./assets/img/ios/wei-yonghuxieyi.png" alt="">
        <img *ngIf='isAgreeAgreement' src="./assets/img/ios/du-yonghuxieyi.png" alt=""> 注册及同意
        <span (click)='toMJxieyi()'>《美甲艺境用户协议》</span>
      </p>
      <button ion-button full round (click)="doRegister()">注 册</button>
      <p class='toLogin'>已有账号?去<span (click)='toLogin()' style="display:inline-block;height:1.7rem;">登录</span></p>
    </ion-list>
  </div>
</ion-content>